// Variables
@import "options/variable";
@import "options/base";
@import "options/common";
@import "options/icons";


@import "options/layer";
@import "options/form";
@import "options/buttons";
@import "options/cell";
@import "options/title";
@import "options/toast";
@import "options/picker";
@import "options/spinner";

//兑换码
.zhx-exchange{
        background-color: #fff;
    padding: 0.5rem 0;
    margin: 1rem.2rem;
    border-radius: 6px;
    box-shadow: 0 0 8px 1px #ccc;
    position: relative;
    .zhx-exchange-title{
        margin-bottom: .6rem;
        position: absolute;
        width: 100%;
        height: 1.4rem;
        top: -0.7rem;
        img{
            width: 1rem;
        }
        p{
            font-style: italic;
            color:tan;
        }
    }
    .form-group{
        margin-top: 0.8rem;
    }
}
//猜你喜欢列表
.zhx-shoplist{
    margin-top: 1.5rem;    
    .card-list{
        .image{
            position: relative;
        }
        .zhx-shoptitle{
            position: absolute;
            bottom: 0;
            width: 100%;
            color: #fff;
            background:-moz-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0.1));/*Mozilla*/
            background:-webkit-gradient(linear,0 50%,100% 50%,from(rgb(0,0,0)),to(rgba(0,0,0,.2)));/*Old gradient for webkit*/
            background:-webkit-linear-gradient(bottom,rgb(0,0,0),rgba(0,0,0,.2));/*new gradient for Webkit*/
            background:-o-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0.1)); /*Opera11*/
                max-height: 4em;
            padding:.1rem .2rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
    }
}